﻿.fl { float: left; }
.fr { float: right; text-align: left; }
.tc { text-align: center; }
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.body { margin: 102px 0 0 0; }
/*link*/

.ilink{ height: auto; line-height: 10px; padding: 30px 0; background: #f1f1f1; color: #000;}
.l-doc{width:73%;min-width:1003px;margin:auto;}
.ilink h3{ width: 102px; height: 26px; font-size: 18px; line-height: 26px; display: inline-block; *display: 

inline; vertical-align: middle; zoom: 1; margin-right: 5px; border-right: 1px solid #cccccc;color:#003366;}
.ilink a{ height: 26px; line-height: 26px; font-size: 12px; color: #000; vertical-align: middle; padding: 0 14px; 

border-left: 1px dashed #cfcfcf; display:inline-block;}
.ilink .a1{ border-left: 0px; }
.ilink a:hover{ color: #005BAC; }
@media(max-width: 768px){.ilink{display:none;}}

body, p, span, b, div, a { margin:0; padding:0; border:0;  font-family:Maiandra GD, Microsoft sans serif, Verdana, Microsoft PhagsPa, Arial, Helvetica; list-style:none; }

.crumbs {width:100%;float:right;  padding:20px 0 35px 0;    line-height: 24px; color: #393939; }
.crumbs a { color: #393939; margin: 0 5px; }
.crumbs span { color: #15dbb5; margin: 0 5px; }

#products .row1 { text-align: center; text-transform: uppercase; font-size: 38px; font-family: "瀹嬩綋"; color: #fff; height: 294px; line-height: 294px; background: #93f6e2; }
#products .row1 .line { transition: 500ms; opacity: 0; margin: 0 10px; width: 7px; height: 8px; background: #fff; position: relative; top: -10px; display: inline-block; }
#products .row1 .s1 { font-size: 52px;  }
#products .row1 .s { transition: 800ms; opacity: 0; }
#products .row1 .line1 { left: 15%; }
#products .row1 .line2 { left: -15%; }
#products .row1Show .line { opacity: 1; left: 0; }
#products .row1Show .s { opacity: 1; } 
#products .row2 { padding: 20px 0 20px 0; overflow: hidden; }
#products .row2 .box { width: 1000px; margin: 0 auto; }
#products .row2 .left { width: 230px; float: left; position: relative; left: -100px; display: none; z-index: 10; }
#products .row2 .left .p1 ,#products .row2 .right .p1{font-size:20px; padding-bottom:15px;font-family:Impact, Microsoft sans serif, Arial; color:#000;}
#products .row2 .left .p2 ,#products .row2 .right .p2{ font-size: 26px; color: #c0c0c0; letter-spacing: 2px; text-transform: uppercase; }
#products .row2 .left h2 a,#products .row2 .left h3 a{font-size: 14px;font-weight: normal;color:#454545;}
#products .row2 .left  li{ line-height:28px;border-bottom: 1px dashed #999999;}
#products .row2 .left  li a:hover{ color:#F00;}
#products .row2 .left  dd { width: 100%; float: left; margin: 0 0 6px 0; }
#products .row2 .left   dd  img{transition: 300ms; display: block; width: 69%;padding: 13%;background-color: #F5F5F5;border: 1px solid #DEDEDE;-moz-border-radius: 15px;      /* Gecko browsers */-webkit-border-radius: 15px;   /* Webkit browsers */ border-radius:15px;            /* W3C syntax */}
#products .row2 .left   dd:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 1.0; filter: alpha(opacity=100); }
 



#products .row3 { }
#products .row3 .text { position: relative; top: 100px; opacity: 0; border-top: 6px solid #93f6e2; padding: 30px 0 30px 80px; }
#products .row3 .p1 { text-transform: uppercase; font-size: 25px; color: #393939; }
#products .row3 .p2 { font-size: 18px; color: #393939; text-transform: uppercase; }
#products .row3 .img { position: relative; top: 100px; opacity: 0; width: 100%; overflow: hidden; background: #000; }
#products .row3 .img img { transition: 300ms; width: 100%; display: block; }
#products .row3 .img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; filter: alpha(opacity=80); }
#products .row3 ul { position: relative; top: 100px; opacity: 0; padding: 20px 0 30px 80px; overflow: hidden; }
#products .row3 li { width: 100%; color: #666; float: left; line-height: 30px; }
#products .row3 li a { color: #666; }
#products .row3 .line { width: 7px; height: 8px; display: inline-block; background: #868686; float: left; margin: 12px 22px 0 0; }
#products .r3Show .text { top: 0; opacity: 1; transition: 800ms; }
#products .r3Show .img { top: 0; opacity: 1; transition: 800ms; }
#products .r3Show ul { top: 0; opacity: 1; transition: 800ms; }
#products .main { }
#products .main .box { width: 1000px; margin: 0 auto; }
.advDemo { position: relative; overflow: hidden; width: 1000px; }
 
#products .right { width: 700px; float: right; position: relative; left: 100px; display: none; }
 
#products .right .text  .img { width: 100%; display: block; margin: 0 0 10px 0; }
#products .right .text  .title { height: 66px; line-height: 66px; text-transform: uppercase; padding: 0 0 0 25px; background: #93f6e2; font-size: 18px; color: #fff; }
#products .right .text  .title span { margin: 0 15px 0 0; font-size: 20px; }
#products .right .text { padding: 20px 0 0 0; line-height: 30px; font-size: 14px; color: #666; font-family: "瀹嬩綋"; }
#products .right .text  .row2 { position: relative; top: 50px; display: none; }
#products .right .text  .row2 .text { padding: 30px 0 30px 80px; }
#products .right .text  .row2 .p1 { text-transform: uppercase; font-size: 18px; color: #393939; }
#products .right .text  .row2 .p2 { font-size: 25px; color: #393939; }
#products .right .text  ul { overflow: hidden; }
#products .right .text  li { width: 330px; line-height: 36px; text-align: left; overflow: hidden; }
#products .right .text  li .img { width: 100%; overflow: hidden; background: #000; }
#products .right .text  li .img img { transition: 300ms; width: 100%; display: block;}
#products .right .text  li h4 a{padding: 0 0 10px 10px; color: #7c7c7c; font-size: 14px; }
#products .right .text  li h4 a:hover{ color:#F00;}
#products .right .text  li p { padding: 0 0 10px 10px; color: #b7b7b7; font-size: 12px; line-height: 15px;padding-bottom:20px; }
#products .right .text  li:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; filter: alpha(opacity=80); }

#products .right .artlist .p1 { line-height: 32px; font-size: 18px; color: #c0c0c0; text-transform: uppercase; font-family: "寰蒋闆呴粦"; }
#products .right .artlist .p1 span { display: inline-block; color: #424242; font-size: 24px; margin: 0 10px 0 0; letter-spacing: 3px; }
#products .right .artlist .p2 { margin: 40px 0 20px 0; font-size: 16px; color: #15dbb5; font-weight: bold; }
#products .right .artlist ul { overflow: hidden; }
#products .right .artlist li { width: 100%; float: left; font-family: "瀹嬩綋"; }
#products .right .artlist li .t1 { font-size: 14px; font-weight: bold; color: #242424; overflow: hidden; height: 46px; line-height: 46px; border-bottom: 1px solid #454545; cursor: pointer; }
#products .right .artlist li .title a{ float: left; color: #454545; font-weight: bold; }
#products .right .artlist li .title span{float: right;color: #454545;}
#products .right .artlist li .line { width: 13px; height: 13px; float: right; margin: 20px 8px 0 0; position: relative; transition: 600ms; }
#products .right .artlist li .line div { background: #9d9281; overflow: hidden; position: absolute; }
#products .right .artlist li .line1 { width: 1px; height: 100%; left: 6px; top: 0; }
#products .right .artlist li .line2 { width: 100%; height: 1px; left: 0; top: 6px; }
#products .right .artlist li .line3 { display: none; width: 100%; height: 1px; left: 40px; top: 6px; background: #cbcbcb; }
#products .right .artlist li .t2 { display: none; padding: 15px 0 50px 0; line-height: 24px; color: #868686; }
 
.detail   .title { text-align: center; line-height: 32px; margin: 40px 0 30px 0; font-size: 24px; color: #393939; }
.detail   .time { text-align: center; color: #a7a7a7; }
.detail   .text { margin: 40px 0 80px 0; line-height: 24px; color: #393939; }

#inside_pic { }
#inside_pic .row1 { text-align: center; text-transform: uppercase; font-size: 18px; color: #fff; height: 194px; line-height: 194px; background: #ed1c24; }
#inside_pic .row1 .line { transition: 500ms; opacity: 0; margin: 0 10px; width: 7px; height: 8px; background: #fff; position: relative; top: -10px; display: inline-block; }
#inside_pic .row1 .s1 {   font: 20px/1.5 "microsoft yahei";}
#inside_pic .row1 .s { transition: 800ms; opacity: 0;text-transform: uppercase; }
#inside_pic .row1 .line1 { left: 15%; }
#inside_pic .row1 .line2 { left: -15%; }
#inside_pic .row1Show .line { opacity: 1; left: 0; }
#inside_pic .row1Show .s { opacity: 1; }
#inside_pic .main { }
#inside_pic .main .box { width: 1000px; margin: 0 auto; }
#inside_pic .row2 { position: relative; top: 50px; display: none; }
#inside_pic .row2 .text { padding: 30px 0 30px 80px; }
#inside_pic .row2 .p1 { text-transform: uppercase; font-size: 18px; color: #393939; }
#inside_pic .row2 .p2 { font-size: 25px; color: #393939; }
#inside_pic .row2 ul { overflow: hidden; }
#inside_pic .row2 li { width: 330px; line-height: 76px; text-align: left; overflow: hidden; }
#inside_pic .row2 li .img { width: 100%; overflow: hidden; background: #000; }
#inside_pic .row2 li .img img { transition: 300ms; width: 100%; display: block; }
#inside_pic .row2 li p { padding: 0 0 10px 10px; color: #000; font-size: 14px; }
#inside_pic .row2 li:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; filter: alpha(opacity=80); }
#inside_pic .row3 { }
#inside_pic .row3 .text { position: relative; top: 100px; opacity: 0; border-top: 6px solid #93f6e2; padding: 30px 0 30px 80px; }
#inside_pic .row3 .p1 { text-transform: uppercase; font-size: 25px; color: #393939; }
#inside_pic .row3 .p2 { font-size: 18px; color: #393939; text-transform: uppercase; }
#inside_pic .row3 .img { position: relative; top: 100px; opacity: 0; width: 100%; overflow: hidden; background: #000; }
#inside_pic .row3 .img img { transition: 300ms; width: 100%; display: block; }
#inside_pic .row3 .img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; filter: alpha(opacity=80); }
#inside_pic .row3 ul { position: relative; top: 100px; opacity: 0; padding: 20px 0 30px 80px; overflow: hidden; }
#inside_pic .row3 li { width: 100%; color: #666; float: left; line-height: 30px; }
#inside_pic .row3 li a { color: #666; }
#inside_pic .row3 .line { width: 7px; height: 8px; display: inline-block; background: #868686; float: left; margin: 12px 22px 0 0; }
#inside_pic .r3Show .text { top: 0; opacity: 1; transition: 800ms; }
#inside_pic .r3Show .img { top: 0; opacity: 1; transition: 800ms; }
#inside_pic .r3Show ul { top: 0; opacity: 1; transition: 800ms; }
.advDemo { position: relative; overflow: hidden; width: 1000px; }
.advDemo .item img { width: 100%; display: block; }
.advDemo .owl-controls .owl-buttons div { border-radius: 0px; padding: 0px; margin: 0px; text-indent: -9999px; display: block; width: 45px; height: 45px; position: absolute; top: 50%; margin-top: -22px; }
.advDemo .owl-controls .owl-buttons div.owl-prev { left: 5%; background: url(../img/siN.png) no-repeat 0 top; }
.advDemo .owl-controls .owl-buttons div.owl-next { right: 5%; background: url(../img/sir.png) no-repeat right top; }
.advDemo:hover .owl-controls .owl-buttons div.owl-prev, .advDemo:hover .owl-controls .owl-buttons div.owl-next { filter: Alpha(Opacity=80); opacity: 0.8; transition: 300ms; }
.basket .botton{width: 100px;height: 20px;margin-left: 2%;border-radius: 3px; box-shadow: 0px 5px 0px #870116;background: #df0023;color: #fff;text-align: center;float:right}
.botton a{width: 100px;height: 20px;margin-left: 2%;border-radius: 3px; box-shadow: 0px 5px 0px #870116;background: #df0023;color: #fff;text-align: center;float:right}
 

.banner2 { position: relative; top: -100px; display: none; }
.banner2 .img { width: 100%; display: block; }
 

@media screen and (max-width:1280px) {
    .new-item { width: 31%; }
}

@media screen and (max-width:1024px) {
    .body { margin: 54px 0 0 0; }
    #products .row2 .box { width: auto; margin: 0 20px; }
    #products .row2 .left { }
    #products .row2 .right { width: auto; padding: 0 0 0 250px; float: none; }
    #inside_pic .row1 { font-size: 28px; }
    #inside_pic .row1 .s1 { font-size: 34px; }
    #inside_pic .main .box { width: auto; margin: 0 20px; }
    #inside_pic .row2 li { width: 49%; }
	#products .right .text    li { width: 49%; }
 
    .advDemo { width: 100%; }
    .advDemo .owl-controls .owl-buttons div { width: 25px; height: 25px; margin: -12px 0px 0px; }
    .advDemo .owl-controls .owl-buttons div.owl-prev { left: 4%; background-size: cover; }
    .advDemo .owl-controls .owl-buttons div.owl-next { right: 4%; background-size: cover; }
    .advDemo:hover .owl-controls .owl-buttons div.owl-prev, .advDemo:hover .owl-controls .owl-buttons div.owl-next { background-size: cover; }
     
}

@media screen and (max-width:720px) {
    .new-item { width: 48%; }
}

@media screen and (max-width:680px) {
    #products .row2 .left { width: 100%; }
    #products .row2 .right { width: 100%; padding: 0; }
	#products .right .text    li { width: 100%; }
    #products .right .text img { width: 100%!important; height: auto!important; }
    #inside_pic .row1 { font-size: 22px; }
    #inside_pic .row1 .s1 { font-size: 24px; }
    #inside_pic .row1 .line { top: -5px; }
    #inside_pic .row2 li { width: 100%; }
    #inside_pic .row2 .text { padding-left: 0; }
    #inside_pic .row3 .text { padding-left: 0; }
    #inside_pic .row3 ul { padding-left: 10px; }
    #inside_pic .row2 li p { padding: 0; text-align: center; }
     
}

@media screen and (max-width:620px) {
   
}
.k_pagelist {float:left;display:table;clear:both;line-height:30px;}
.k_pagelist em {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;background:#F5F9FE;color:#14316B;font-weight:bold;font-style:normal;}
.k_pagelist strong {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;color:#009900;}
.k_pagelist a {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;}